#navi ul ul {
    display: none;
  }

#navi ul li:hover>ul {
    display: block;
  }

@media screen and (min-width:900px) {
    
#ausrichten #kopf #text { 
    width: 80%;
    height: auto;
    float: left;
    z-index: 2;
    position: absolute;
    top:11%;
    left:15%;
    text-align: left;
    text-shadow: 1px 1px 8px black;

}   

#ausrichten #kopf #text h2 {
    color: #fff;
    font-size: 2.5em;
    font-weight: bolder;
}
    
}

@media screen and (min-width:1300px) {
    
#ausrichten #kopf #text { 
    top:18%;
    }
    
}

@media screen and (min-width:1600px) {
    
#ausrichten #kopf #text { 
    top:23%;
    }
    
}

@media screen and (min-width:2000px) {
    
#ausrichten #kopf #text { 
    top:28%;
    }
    
}